$(function () {
    $("#emp_grid").datagrid({
        /*自适应*/
        fit: true,
        /*向此地址发送请求获得数据填充表格*/
        url: '/accidentDetail/query.do',
        columns: [/*此处为第一层列标题*/[
            {
                field: "state", title: "当前状态", width: 100, formatter: function (value) {
                return value ? "<p><font color='#adff2f'>已去现场</font></p>" : "<p><font color='red'>未去现场</font></p>"
            }
            },
            {field: "place", title: "报案人地址", width: 100},
            {field: "tel", title: "报案人电话", width: 100},
            {field: "carnumber", title: "车牌号码", width: 100},
            {field: "numbering", title: "保单编号", width: 100},
            {field: "employee", title: "现场员工", width: 100},
            {field: "summary", title: "事故描述", width: 100},
            {field: "wok", title: "责任指定", width: 100},
            {field: "tips", title: "备注", width: 100}
        ]/*此处可以插入第二层标题*/],
        //为表格顶端的按键
        toolbar: "#tb",
        //真正的自动展开收缩列的大小,以适应网格的宽度,防水平滚动
        fitColumns: true,
        //可在行底显示分页工具栏
        pagination: true,
        //行码
        rownumbers: true,
        //只允许单选某行
        singleSelect: true,
        //允许排序的列默认发送的参数
        sortName: 'hireDate',
        //允许排序的列默认发送的排序规则
        sortOrder: 'desc',
        //点击一行时出发的事件,其具有两个参数index,row;index为被选中的行的索引从零开始,row为被选中的行
        onClickRow: function (index, row) {
            if (row.state) {
                $("#changeState_btn").linkbutton({
                    text: '<font color="red">撤销</font>'
                })
            } else {
                $("#changeState_btn").linkbutton({
                    text: '<font color="#7fff00">存在</font>'
                })
            }
        }


    })
    //对弹窗进行初始化
    $("#summary_dialog").dialog({
        width:320,
        height:420,
        resizable:true,
        //
        buttons:'#form_btn',
        closed:true,
        onClose:function () {
            $("#emp_form").form('clear');
        }
    })
})

function edit() {
    var row = $("#emp_grid").datagrid("getSelected");
    if (!row) {
        $.messager.alert("温馨提示", "请选中一条数据", "warning");
        return;
    }
    // /隐藏密码框和密码校验框
    $("#password_tr").hide();

    //回显表单,因为在row中现实的是dept.name所以只能用该方法进行明细id的辉县用于下拉列表
    $("#emp_form").form('load', row);

    //打开弹窗
    $("#summary_dialog").dialog('setTitle', '编辑明细');
    $("#summary_dialog").dialog('open');
}

function changeState() {
    var row = $("#emp_grid").datagrid('getSelected');
    if (!row) {
        $.messager.alert('温馨提示', '请选中一条数据', 'warning');
        return;
    }
    console.log(row.realname);
    $.messager.confirm('确认对话框', '您确认要执行操作吗?', function (ro) {
        if (ro) {
            $.post('/accidentDetail/changeState.do', {id:row.id}, function (data) {
                if (data.success) {
                    $.messager.alert('温馨提示', '您的操作已经成功','info', function () {
                        $("#emp_grid").datagrid('reload');
                    })
                } else {
                    $.messager.alert('温馨提示', data.msg, 'warning');
                }
            })
        }
    })
}

function reload() {
    $("#emp_grid").datagrid('reload');
}

function query() {
    var keyword = $("[name=keyword]").val();
    $("#emp_grid").datagrid('load', {
        keyword: keyword
    })
}

//表单中的按键
function save() {
    $("#emp_form").form('submit', {
        url:"/accidentDetail/saveOrUpdate.do",
        success: function (data) {
            var data = $.parseJSON(data);
            if (data.success) {
                $.messager.alert('温馨提示', '保存成功', 'info', function () {
                    cancel();
                    $("#emp_grid").datagrid('reload');
                })
            } else {
                $.messager.alert('温馨提示', data.msg, 'warning');
            }
        }
    })
}


function cancel() {
    $("#summary_dialog").dialog('close');
}
function changeState() {
    var row = $("#emp_grid").datagrid('getSelected');
    if (!row) {
        $.messager.alert('温馨提示', '请选中一条数据', 'warning');
        return;
    }
    console.log(row.realname);
    $.messager.confirm('确认对话框', '您确认要执行操作吗?', function (ro) {
        if (ro) {
            $.post('/accidentDetail/changeState.do', {id:row.id}, function (data) {
                if (data.success) {
                    $.messager.alert('温馨提示', '您的操作已经成功','info', function () {
                        $("#emp_grid").datagrid('reload');
                    })
                } else {
                    $.messager.alert('温馨提示', data.msg, 'warning');
                }
            })
        }
    })
}